<DocumentFragment>
  <div
    class="ant-app"
  >
    <div>
      test
    </div>
    <div
      class="ant-pro-card ant-pro-card-border ant-pro-card-contain-card ant-pro-card-split"
    >
      <div
        class="ant-pro-card-body"
      >
        <div
          class="ant-pro-card-col ant-pro-card-split-vertical"
          style="width: 384px; flex-shrink: 0;"
        >
          <div
            class="ant-pro-card ant-pro-card-border ant-pro-card-ghost"
          >
            <div
              class="ant-pro-card-body"
            >
              <div
                class="ant-pro-table"
              >
                <div
                  class="ant-pro-card"
                >
                  <div
                    class="ant-pro-card-body"
                    style="padding-block-start: 0;"
                  >
                    <div
                      class="ant-pro-table-list-toolbar"
                    >
                      <div
                        class="ant-pro-table-list-toolbar-container"
                      >
                        <div
                          class="ant-pro-table-list-toolbar-left"
                        >
                          <div
                            class="ant-pro-table-list-toolbar-search"
                          >
                            <span
                              class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-search"
                              style="width: 200px;"
                            >
                              <span
                                class="ant-input-wrapper ant-input-group"
                              >
                                <input
                                  class="ant-input ant-input-outlined"
                                  placeholder="请输入"
                                  type="search"
                                  value=""
                                />
                                <span
                                  class="ant-input-group-addon"
                                >
                                  <button
                                    class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only ant-input-search-button"
                                    type="button"
                                  >
                                    <span
                                      class="ant-btn-icon"
                                    >
                                      <span
                                        aria-label="search"
                                        class="anticon anticon-search"
                                        role="img"
                                      >
                                        <svg
                                          aria-hidden="true"
                                          data-icon="search"
                                          fill="currentColor"
                                          focusable="false"
                                          height="1em"
                                          viewBox="64 64 896 896"
                                          width="1em"
                                        >
                                          <path
                                            d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
                                          />
                                        </svg>
                                      </span>
                                    </span>
                                  </button>
                                </span>
                              </span>
                            </span>
                          </div>
                        </div>
                        <div
                          class="ant-pro-table-list-toolbar-right"
                          style="align-items: center;"
                        >
                          <div
                            style="display: flex; align-items: center; gap: 8px;"
                          >
                            <button
                              class="ant-btn ant-btn-primary ant-btn-color-primary ant-btn-variant-solid"
                              type="button"
                            >
                              <span>
                                新建项目
                              </span>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="ant-table-wrapper"
                    >
                      <div
                        class="ant-spin-nested-loading"
                      >
                        <div
                          class="ant-spin-container"
                        >
                          <div
                            class="ant-table ant-table-middle"
                          >
                            <div
                              class="ant-table-container"
                            >
                              <div
                                class="ant-table-content"
                              >
                                <table
                                  style="table-layout: auto;"
                                >
                                  <thead
                                    class="ant-table-thead"
                                  >
                                    <tr>
                                      <th
                                        class="ant-table-cell"
                                        scope="col"
                                      >
                                        IP
                                      </th>
                                      <th
                                        class="ant-table-cell"
                                        scope="col"
                                      >
                                        CPU
                                      </th>
                                      <th
                                        class="ant-table-cell"
                                        scope="col"
                                      >
                                        Mem
                                      </th>
                                      <th
                                        class="ant-table-cell"
                                        scope="col"
                                      >
                                        Disk
                                      </th>
                                    </tr>
                                  </thead>
                                  <tbody
                                    class="ant-table-tbody"
                                  >
                                    <tr
                                      class="ant-table-row ant-table-row-level-0"
                                      data-row-key="106.14.98.104"
                                    >
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span
                                          class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
                                        >
                                          <span
                                            class="ant-badge-status-dot ant-badge-status-success"
                                          />
                                          <span
                                            class="ant-badge-status-text"
                                          >
                                            106.14.98.104
                                          </span>
                                        </span>
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span>
                                          10.00%
                                        </span>
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span>
                                          20.00%
                                        </span>
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span>
                                          30.00%
                                        </span>
                                      </td>
                                    </tr>
                                    <tr
                                      class="ant-table-row ant-table-row-level-0"
                                      data-row-key="106.14.98.114"
                                    >
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span
                                          class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
                                        >
                                          <span
                                            class="ant-badge-status-dot ant-badge-status-success"
                                          />
                                          <span
                                            class="ant-badge-status-text"
                                          >
                                            106.14.98.114
                                          </span>
                                        </span>
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span>
                                          10.00%
                                        </span>
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span>
                                          20.00%
                                        </span>
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span>
                                          30.00%
                                        </span>
                                      </td>
                                    </tr>
                                    <tr
                                      class="ant-table-row ant-table-row-level-0"
                                      data-row-key="106.14.98.124"
                                    >
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span
                                          class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
                                        >
                                          <span
                                            class="ant-badge-status-dot ant-badge-status-success"
                                          />
                                          <span
                                            class="ant-badge-status-text"
                                          >
                                            106.14.98.124
                                          </span>
                                        </span>
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span>
                                          10.00%
                                        </span>
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span>
                                          20.00%
                                        </span>
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span>
                                          30.00%
                                        </span>
                                      </td>
                                    </tr>
                                    <tr
                                      class="ant-table-row ant-table-row-level-0"
                                      data-row-key="106.14.98.134"
                                    >
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span
                                          class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
                                        >
                                          <span
                                            class="ant-badge-status-dot ant-badge-status-success"
                                          />
                                          <span
                                            class="ant-badge-status-text"
                                          >
                                            106.14.98.134
                                          </span>
                                        </span>
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span>
                                          10.00%
                                        </span>
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span>
                                          20.00%
                                        </span>
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span>
                                          30.00%
                                        </span>
                                      </td>
                                    </tr>
                                    <tr
                                      class="ant-table-row ant-table-row-level-0"
                                      data-row-key="106.14.98.144"
                                    >
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span
                                          class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
                                        >
                                          <span
                                            class="ant-badge-status-dot ant-badge-status-success"
                                          />
                                          <span
                                            class="ant-badge-status-text"
                                          >
                                            106.14.98.144
                                          </span>
                                        </span>
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span>
                                          10.00%
                                        </span>
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span>
                                          20.00%
                                        </span>
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span>
                                          30.00%
                                        </span>
                                      </td>
                                    </tr>
                                    <tr
                                      class="ant-table-row ant-table-row-level-0"
                                      data-row-key="106.14.98.154"
                                    >
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span
                                          class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
                                        >
                                          <span
                                            class="ant-badge-status-dot ant-badge-status-success"
                                          />
                                          <span
                                            class="ant-badge-status-text"
                                          >
                                            106.14.98.154
                                          </span>
                                        </span>
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span>
                                          10.00%
                                        </span>
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span>
                                          20.00%
                                        </span>
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span>
                                          30.00%
                                        </span>
                                      </td>
                                    </tr>
                                    <tr
                                      class="ant-table-row ant-table-row-level-0"
                                      data-row-key="106.14.98.164"
                                    >
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span
                                          class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
                                        >
                                          <span
                                            class="ant-badge-status-dot ant-badge-status-success"
                                          />
                                          <span
                                            class="ant-badge-status-text"
                                          >
                                            106.14.98.164
                                          </span>
                                        </span>
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span>
                                          10.00%
                                        </span>
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span>
                                          20.00%
                                        </span>
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span>
                                          30.00%
                                        </span>
                                      </td>
                                    </tr>
                                    <tr
                                      class="ant-table-row ant-table-row-level-0"
                                      data-row-key="106.14.98.174"
                                    >
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span
                                          class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
                                        >
                                          <span
                                            class="ant-badge-status-dot ant-badge-status-success"
                                          />
                                          <span
                                            class="ant-badge-status-text"
                                          >
                                            106.14.98.174
                                          </span>
                                        </span>
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span>
                                          10.00%
                                        </span>
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span>
                                          20.00%
                                        </span>
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span>
                                          30.00%
                                        </span>
                                      </td>
                                    </tr>
                                    <tr
                                      class="ant-table-row ant-table-row-level-0"
                                      data-row-key="106.14.98.184"
                                    >
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span
                                          class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
                                        >
                                          <span
                                            class="ant-badge-status-dot ant-badge-status-success"
                                          />
                                          <span
                                            class="ant-badge-status-text"
                                          >
                                            106.14.98.184
                                          </span>
                                        </span>
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span>
                                          10.00%
                                        </span>
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span>
                                          20.00%
                                        </span>
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span>
                                          30.00%
                                        </span>
                                      </td>
                                    </tr>
                                    <tr
                                      class="ant-table-row ant-table-row-level-0"
                                      data-row-key="106.14.98.194"
                                    >
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span
                                          class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
                                        >
                                          <span
                                            class="ant-badge-status-dot ant-badge-status-success"
                                          />
                                          <span
                                            class="ant-badge-status-text"
                                          >
                                            106.14.98.194
                                          </span>
                                        </span>
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span>
                                          10.00%
                                        </span>
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span>
                                          20.00%
                                        </span>
                                      </td>
                                      <td
                                        class="ant-table-cell"
                                      >
                                        <span>
                                          30.00%
                                        </span>
                                      </td>
                                    </tr>
                                  </tbody>
                                </table>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div
          class="ant-pro-card-col"
        >
          <div
            class="ant-pro-card ant-pro-card-border"
          >
            <div
              class="ant-pro-card-header"
            >
              <div
                class="ant-pro-card-title"
              >
                0.0.0.0
              </div>
            </div>
            <div
              class="ant-pro-card-body"
            >
              <div
                class="ant-pro-table"
              >
                <div
                  class="ant-table-wrapper"
                >
                  <div
                    class="ant-spin-nested-loading"
                  >
                    <div
                      class="ant-spin-container"
                    >
                      <div
                        class="ant-table ant-table-middle"
                      >
                        <div
                          class="ant-table-container"
                        >
                          <div
                            class="ant-table-content"
                          >
                            <table
                              style="table-layout: auto;"
                            >
                              <colgroup>
                                <col />
                                <col
                                  style="width: 80px;"
                                />
                                <col
                                  style="width: 80px;"
                                />
                              </colgroup>
                              <thead
                                class="ant-table-thead"
                              >
                                <tr>
                                  <th
                                    class="ant-table-cell"
                                    scope="col"
                                  >
                                    时间点
                                  </th>
                                  <th
                                    class="ant-table-cell"
                                    scope="col"
                                  >
                                    代码
                                  </th>
                                  <th
                                    class="ant-table-cell"
                                    scope="col"
                                  >
                                    操作
                                  </th>
                                </tr>
                              </thead>
                              <tbody
                                class="ant-table-tbody"
                              >
                                <tr
                                  class="ant-table-row ant-table-row-level-0"
                                  data-row-key="0"
                                >
                                  <td
                                    class="ant-table-cell"
                                  >
                                    2016-11-22 15:26:48
                                  </td>
                                  <td
                                    class="ant-table-cell"
                                  >
                                    <pre
                                      0.1=""
                                      150=""
                                      3px=""
                                      background-color:=""
                                      border-radius:=""
                                      consolas=""
                                      courier=""
                                      liberation=""
                                      menlo=""
                                      min-content=""
                                      mono=""
                                      monospace=""
                                      rgba=""
                                      sfmono-regular=""
                                      style="padding: 16px; overflow: auto; font-size: 85%; line-height: 1.45; color: rgba(0, 0, 0, 0.65); font-family: "
                                      width:=""
                                    >
                                      <code>
                                        const getData = async params =&gt;
                                         {
          const data = await getData(params);
          return { list: data.data, ...data };
        };
                                      </code>
                                    </pre>
                                  </td>
                                  <td
                                    class="ant-table-cell"
                                  >
                                    <div
                                      style="display: flex; align-items: center; justify-content: flex-start; gap: 8px;"
                                    >
                                      <a>
                                        预警
                                      </a>
                                    </div>
                                  </td>
                                </tr>
                                <tr
                                  class="ant-table-row ant-table-row-level-0"
                                  data-row-key="1"
                                >
                                  <td
                                    class="ant-table-cell"
                                  >
                                    2016-11-22 15:26:48
                                  </td>
                                  <td
                                    class="ant-table-cell"
                                  >
                                    <pre
                                      0.1=""
                                      150=""
                                      3px=""
                                      background-color:=""
                                      border-radius:=""
                                      consolas=""
                                      courier=""
                                      liberation=""
                                      menlo=""
                                      min-content=""
                                      mono=""
                                      monospace=""
                                      rgba=""
                                      sfmono-regular=""
                                      style="padding: 16px; overflow: auto; font-size: 85%; line-height: 1.45; color: rgba(0, 0, 0, 0.65); font-family: "
                                      width:=""
                                    >
                                      <code>
                                        const getData = async params =&gt;
                                         {
          const data = await getData(params);
          return { list: data.data, ...data };
        };
                                      </code>
                                    </pre>
                                  </td>
                                  <td
                                    class="ant-table-cell"
                                  >
                                    <div
                                      style="display: flex; align-items: center; justify-content: flex-start; gap: 8px;"
                                    >
                                      <a>
                                        预警
                                      </a>
                                    </div>
                                  </td>
                                </tr>
                                <tr
                                  class="ant-table-row ant-table-row-level-0"
                                  data-row-key="2"
                                >
                                  <td
                                    class="ant-table-cell"
                                  >
                                    2016-11-22 15:26:48
                                  </td>
                                  <td
                                    class="ant-table-cell"
                                  >
                                    <pre
                                      0.1=""
                                      150=""
                                      3px=""
                                      background-color:=""
                                      border-radius:=""
                                      consolas=""
                                      courier=""
                                      liberation=""
                                      menlo=""
                                      min-content=""
                                      mono=""
                                      monospace=""
                                      rgba=""
                                      sfmono-regular=""
                                      style="padding: 16px; overflow: auto; font-size: 85%; line-height: 1.45; color: rgba(0, 0, 0, 0.65); font-family: "
                                      width:=""
                                    >
                                      <code>
                                        const getData = async params =&gt;
                                         {
          const data = await getData(params);
          return { list: data.data, ...data };
        };
                                      </code>
                                    </pre>
                                  </td>
                                  <td
                                    class="ant-table-cell"
                                  >
                                    <div
                                      style="display: flex; align-items: center; justify-content: flex-start; gap: 8px;"
                                    >
                                      <a>
                                        预警
                                      </a>
                                    </div>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                          </div>
                        </div>
                      </div>
                      <ul
                        class="ant-pagination ant-pagination-mini ant-table-pagination ant-table-pagination-right"
                      >
                        <li
                          class="ant-pagination-total-text"
                        >
                          第 1-3 条/总共 15 条
                        </li>
                        <li
                          aria-disabled="true"
                          class="ant-pagination-prev ant-pagination-disabled"
                          title="上一页"
                        >
                          <button
                            class="ant-pagination-item-link"
                            disabled=""
                            tabindex="-1"
                            type="button"
                          >
                            <span
                              aria-label="left"
                              class="anticon anticon-left"
                              role="img"
                            >
                              <svg
                                aria-hidden="true"
                                data-icon="left"
                                fill="currentColor"
                                focusable="false"
                                height="1em"
                                viewBox="64 64 896 896"
                                width="1em"
                              >
                                <path
                                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                                />
                              </svg>
                            </span>
                          </button>
                        </li>
                        <li
                          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
                          tabindex="0"
                          title="1"
                        >
                          <a
                            rel="nofollow"
                          >
                            1
                          </a>
                        </li>
                        <li
                          class="ant-pagination-item ant-pagination-item-2"
                          tabindex="0"
                          title="2"
                        >
                          <a
                            rel="nofollow"
                          >
                            2
                          </a>
                        </li>
                        <li
                          class="ant-pagination-item ant-pagination-item-3"
                          tabindex="0"
                          title="3"
                        >
                          <a
                            rel="nofollow"
                          >
                            3
                          </a>
                        </li>
                        <li
                          class="ant-pagination-item ant-pagination-item-4"
                          tabindex="0"
                          title="4"
                        >
                          <a
                            rel="nofollow"
                          >
                            4
                          </a>
                        </li>
                        <li
                          class="ant-pagination-item ant-pagination-item-5"
                          tabindex="0"
                          title="5"
                        >
                          <a
                            rel="nofollow"
                          >
                            5
                          </a>
                        </li>
                        <li
                          aria-disabled="false"
                          class="ant-pagination-next"
                          tabindex="0"
                          title="下一页"
                        >
                          <button
                            class="ant-pagination-item-link"
                            tabindex="-1"
                            type="button"
                          >
                            <span
                              aria-label="right"
                              class="anticon anticon-right"
                              role="img"
                            >
                              <svg
                                aria-hidden="true"
                                data-icon="right"
                                fill="currentColor"
                                focusable="false"
                                height="1em"
                                viewBox="64 64 896 896"
                                width="1em"
                              >
                                <path
                                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                                />
                              </svg>
                            </span>
                          </button>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div
      style="margin-top: 20px; padding: 20px; background-color: #f5f5f5; border-radius: 6px;"
    >
      <h4>
        ProTable 分割表格 Props 说明：
      </h4>
      <ul>
        <li>
          <strong>
            ProTable
          </strong>
          : 专业表格组件
        </li>
        <li>
          <strong>
            ProCard
          </strong>
          : 专业卡片组件
        </li>
        <li>
          <strong>
            Badge
          </strong>
          : 徽章组件
        </li>
        <li>
          <strong>
            Button
          </strong>
          : 按钮组件
        </li>
        <li>
          <strong>
            分割表格
          </strong>
          : 展示分割表格功能
        </li>
      </ul>
      <h4>
        ProTable 配置：
      </h4>
      <ul>
        <li>
          <strong>
            columns
          </strong>
          : 列配置
        </li>
        <li>
          <strong>
            dataSource
          </strong>
          : 数据源
        </li>
        <li>
          <strong>
            pagination
          </strong>
          : 分页配置
        </li>
        <li>
          <strong>
            rowKey
          </strong>
          : 行键
        </li>
        <li>
          <strong>
            toolBarRender
          </strong>
          : 工具栏渲染
        </li>
        <li>
          <strong>
            options
          </strong>
          : 选项配置
        </li>
        <li>
          <strong>
            search
          </strong>
          : 搜索配置
        </li>
        <li>
          <strong>
            onRow
          </strong>
          : 行事件
        </li>
        <li>
          <strong>
            request
          </strong>
          : 请求函数
        </li>
        <li>
          <strong>
            toolbar
          </strong>
          : 工具栏配置
        </li>
      </ul>
      <h4>
        分割表格特点：
      </h4>
      <ul>
        <li>
          <strong>
            垂直分割
          </strong>
          : 支持垂直分割
        </li>
        <li>
          <strong>
            主从结构
          </strong>
          : 支持主从结构
        </li>
        <li>
          <strong>
            联动显示
          </strong>
          : 支持联动显示
        </li>
        <li>
          <strong>
            状态管理
          </strong>
          : 支持状态管理
        </li>
        <li>
          <strong>
            百分比显示
          </strong>
          : 支持百分比显示
        </li>
        <li>
          <strong>
            代码展示
          </strong>
          : 支持代码展示
        </li>
      </ul>
      <h4>
        使用场景：
      </h4>
      <ul>
        <li>
          <strong>
            监控系统
          </strong>
          : 监控系统需求
        </li>
        <li>
          <strong>
            详情展示
          </strong>
          : 详情展示功能
        </li>
        <li>
          <strong>
            主从界面
          </strong>
          : 主从界面需求
        </li>
      </ul>
    </div>
  </div>
</DocumentFragment>